import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

//用于适应不同网页
import 'normalize.css'
import './style/index.scss'
import 'vant/lib/index.css'; 
//全局组件 商家列表
import ShopList from '../src/components/shop/ShopList.vue'
import ShopInfo from '../src/components/shop/ShopInfo.vue'

// 1. 引入你需要的组件
import { Button,Field, Cell,Card,CellGroup ,Search,SubmitBar,List,Image as VanImage,Checkbox,Form, Tabbar, TabbarItem, NavBar, Icon,
    Col, Row, Grid, GridItem, NoticeBar, Switch, Area, Picker, Popup, Dialog, Swipe, SwipeItem, Tab, Tabs, 
    Sticky, Rate, Uploader, Sidebar, SidebarItem ,Popover,DropdownMenu, DropdownItem ,Divider, Tag,PullRefresh,
    RadioGroup, Radio ,CheckboxGroup, AddressList, AddressEdit ,SwipeCell,ActionBar, ActionBarIcon, ActionBarButton,} from 'vant';
// 2. 引入组件样式
import 'vant/lib/index.css';
import { formatNumber } from 'vant/lib/utils'

const app = createApp(App)
// 3. 注册你需要的组件
app.use(Icon);
app.use(Switch);
app.use(Picker);
app.use(Uploader);
app.use(Button);
app.use(Field);
app.use(Cell);//
app.use(NavBar);//
app.use(Search);//
app.use(Card);//
app.use(SubmitBar);//
app.use(Popup);//
app.use(Uploader);//
app.use(Area);//
app.use(List);//
app.use(CellGroup);
app.use(VanImage);
app.use(Checkbox);
app.use(Form);
app.use(router);
app.use(Swipe);
app.use(SwipeItem);
app.use(Tab);
app.use(Tabs);
app.use(Tabbar);
app.use(TabbarItem);
app.use(Sticky);
app.use(Col);
app.use(Row);
app.use(Rate);

app.component('ShopList', ShopList);
app.component('ShopInfo', ShopInfo);

app.use(Dialog);
app.use(Sidebar);
app.use(SidebarItem);
app.use(Popover);
app.use(DropdownMenu);
app.use(DropdownItem);
app.use(Divider);
app.use(Grid);
app.use(GridItem);
app.use(Tag);
app.use(NoticeBar);
app.use(PullRefresh);
app.use(SubmitBar);
app.use(Radio);
app.use(RadioGroup);
app.use(CheckboxGroup);
app.use(AddressList);
app.use(Tabs);
app.use(AddressEdit);
app.use(Popup);
app.use(SwipeCell);
app.use(ActionBar);
app.use(ActionBarIcon);
app.use(ActionBarButton);

app.mount('#app')
